<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>FAQ平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="Expires" content="-1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <meta name="description" content="致力于打造中国首款与人类具有情感共鸣、懂得人类思想，并能满足用户刚需功能的情感机器人。"/>
  <meta name="keywords"
        content="竹间、竹间智能、人工智能、机器人、情感计算、竹间官网、聊天机器人、语义理解、情感机器人、自然语言理解、Chatbot、AI、emotibot、EMOTIBOT、小影机器人、IoT、智能客服机器人、客服机器人、人工智能客服、简仁贤"/>
  <link rel="shortcut icon" href="static/img/favicon.ico"/>
  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <!--<link rel="stylesheet" href="css/nav.css">-->
  <!--<link rel="stylesheet" href="css/api.css">-->
  <link rel="stylesheet" href="static/css/jquery-editable-select.min.css">
  <link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div id="wrapper" class="toggled">
  <!--<div class="overlay"></div>-->
  <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
    <ul class="nav sidebar-nav">
      <li class="sidebar-brand">
        <a href="#">
          FAQ平台
        </a>
      </li>
      <li>
        <a href="/">数据导入</a>
      </li>
      <li>
        <a href="download" style="color: #FF7F50">数据导出</a>
      </li>
      <li>
        <a href="expand">数据管理</a>
      </li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">数据标注<span
            class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
          <!--<li class="dropdown-header">Dropdown heading</li>-->
          <li><a href="label">用户问标注</a></li>
          <li><a href="standard">标准问标注</a></li>
        </ul>
      </li>
    </ul>
  </nav>
  <div id="page-content-wrapper">
    <button type="button" class="hamburger is-open animated fadeInLeft" data-toggle="offcanvas">
      <span class="hamb-top" style="background-color: #1a1a1a"></span>
      <span class="hamb-middle" style="background-color: #1a1a1a"></span>
      <span class="hamb-bottom" style="background-color: #1a1a1a"></span>
    </button>

    <div class="row">
      <div class="col-lg-10" id="dynamic" style="margin-left: 15px">
        <form role="form" method="get" action="/downloadfile" onsubmit="return check_value();">
          <div class="form-group">
            <p style="margin-top: 20px">项目名称</p>
            <select id="editable-select" class="form-control" name="appid" autocomplete="off" style="width: 20%">
              {% for appid in appids %}
              <option>{{appid}}</option>
              {% endfor %}
            </select>

            <div>
              <p style="margin-top: 20px">数据类型：</p>
            </div>
            <div class="radio">
              <label class="radio-inline">
                <input type="radio" style="width: 12px; height: 13px" name="datatype" id="inlineRadio4"
                       value="SQ-Answer">SQ-Answer
              </label>
              <label class="radio-inline">
                <input type="radio" style="width: 12px; height: 13px" name="datatype" id="inlineRadio5"
                       value="SQ-NoAnswer">SQ-NoAnswer
              </label>
              <label class="radio-inline">
                <input type="radio" name="datatype" id="inlineRadio6" value="BQ-SQ">BQ-SQ
              </label>
              <label class="radio-inline">
                <input type="radio" name="datatype" id="inlineRadio7" value="LQ-BQ">LQ-BQ
              </label>
              <label class="radio-inline">
                <input type="radio" name="datatype" id="inlineRadio8" value="EQ-BQ">EQ-BQ
              </label>
              <label class="radio-inline">
                <input type="radio" name="datatype" id="inlineRadio9" value="USER-LOG">User Log
              </label>
            </div>
          </div>

          <button class="btn btn-primary btn-lg" style="padding: 5px 8px; margin-top: 20px" id="download">
            <span class="glyphicon glyphicon-download" aria-hidden="true">下载</span>
          </button>
        </form>

        <p class="import_result" style="margin-top: 10px"></p>

        <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-body" style="font-size: large">
                请选择项目名称
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">关闭
                </button>
              </div>
            </div><!-- /.modal-content -->
          </div>
        </div>

      </div>

    </div>
  </div>
</div>


<footer class="footer"></footer>
<script src="static/js/jquery-1.12.4.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>-->
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ug.js"></script>
<script src="static/js/jquery-editable-select.min.js"></script>
<script>
    $(document).ready(function () {
        $('#editable-select').editableSelect();
    });

    function check_value()
    {
        var appid = document.getElementById('editable-select').value
        if (appid.length == 0)
        {
            $('#myModal').modal('show');
            return false;
        }
    }
</script>
</body>
</html>